<!DOCTYPE html>

<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <title>数据分析维度统计</title>
    <link rel="stylesheet" href="css/app.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        function timer(opj) {
            $(opj).find('ul').animate({
                marginTop: "-3.5rem"
            }, 500, function() {
                $(this).css({
                    marginTop: "0.7rem"
                }).find("li:first").appendTo(this);
            })
        }
        $(function() {
            var num = $('.notice_active').find('li').length;
            if (num > 1) {
                var time = setInterval('timer(".notice_active")', 3500);
                $('.gg_more a').mousemove(function() {
                    clearInterval(time);
                }).mouseout(function() {
                    time = setInterval('timer(".notice_active")', 3500);
                });
            }

            $(".news_ck").click(function() {
                location.href = $(".notice_active .notice_active_ch").children(":input").val();
            })
        });
    </script>
    <script src="js/echarts.min.js"></script>
    <!-- <script src="js/china.js"></script> -->
</head>

<body class="cc1366">
    <div class="header">
        <h1 class="header-title" style="color: #FFFFFF;">重庆女职中大数据分析</h1>
    </div>
    <div class="wrapper">
        <div class="content">
            <div class="col col-l">
                <div class="xpanel-wrapper xpanel-wrapper-50">
                    <div class="xpanel xpanel-l-t Bj">
                        <div class="title">职业知识图谱</div>
                        <div class="TuBiao" id="GuanxiTu" style="width: 100%;height: 90%;"></div>

                    </div>
                </div>
                <div class="xpanel-wrapper xpanel-wrapper-50">
                    <div class="xpanel xpanel-l-b Bj">
                        <div class="title">职业规划数据汇总</div>
                        <div class="TuBiao" id="BinTu" style="width: 100%;height: 90%;"></div>

                    </div>
                </div>
            </div>
            <div class="col col-c2">
                <div class="xpanel-wrapper xpanel-wrapper-70">
                    <div class="xpanel no-bg">
                        <div class="DiTu Bj">
                            <div class="title">词云</div>
                            <iframe src="optionKeywords.html" style="width: 99%;height: 92%; border: none; margin: auto;"></iframe>
                            <!-- <div class="TuBiao" id="main" style="width: 100%;height: 90%;" ></div> -->
                        </div>
                        <div class="GuanxiTu">
                            <div class="GuanxiTu1 Bj">
                                <div class="title">职业学习（Top10）</div>
                                <div class="huadong">
                                    <div class="notice_active">
                                        <ul>
                                            <li class="notice_active_ch">
                                                <div class="paiming" id="paiming1" style="width: 100%;height: 96%;"></div>
                                            </li>
                                            <li class="notice_active_ch">
                                                <div class="paiming" id="paiming2" style="width: 100%;height: 96%;"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="GuanxiTu2 Bj">
                                <div class="title">职场追踪</div>
                                <div class="paiming" id="paiming3" style="width: 100%;height: 90%;"></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="xpanel-wrapper xpanel-wrapper-30">
                    <div class="xpanel xpanel-c-b">
                        <div class="ZuzhuangTu Bj">
                            <div class="title">就业、创业愿景</div>
                            <div class="TuBiao" id="ZuzhuangTu1" style="width: 100%;height: 84%;"></div>
                        </div>
                        <div class="ZuzhuangTu Bj">
                            <div class="title">生涯测评</div>
                            <div class="TuBiao" id="ZuzhuangTu2" style="width: 100%;height: 84%;"></div>
                        </div>
                        <div class="ZuzhuangTu Bj">
                            <div class="title">社团实践好评</div>
                            <div class="TuBiao" id="ZuzhuangTu3" style="width: 100%;height: 84%;"></div>
                        </div>
                        <div class="ZuzhuangTu Bj">
                            <div class="title">大赛排名</div>
                            <div class="TuBiao" id="ZuzhuangTu4" style="width: 100%;height: 84%;"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
<script type="text/javascript">
    // var myDiTu = echarts.init(document.getElementById('DiTu'));
    var myGuanxiTu = echarts.init(document.getElementById('GuanxiTu'));
    var myBinTu = echarts.init(document.getElementById('BinTu'));
    var mypaiming1 = echarts.init(document.getElementById('paiming1'));
    var mypaiming2 = echarts.init(document.getElementById('paiming2'));
    var mypaiming3 = echarts.init(document.getElementById('paiming3'));
    var myZuzhuangTu1 = echarts.init(document.getElementById('ZuzhuangTu1'));
    var myZuzhuangTu2 = echarts.init(document.getElementById('ZuzhuangTu2'));
    var myZuzhuangTu3 = echarts.init(document.getElementById('ZuzhuangTu3'));
    var myZuzhuangTu4 = echarts.init(document.getElementById('ZuzhuangTu4'));
    // 词云
    // var myChart = echarts.init(document.getElementById('main'));

    var option2 = {
        // backgroundColor: '#0a1247',
        // title: {
        //     text: "女子职中开设专业",
        //     subtext: "ZBH",
        //     top: "top",
        //     left: "center"
        // },
        tooltip: {},
        // color:['#83e0ff','#45f5ce','#fff'],

        toolbox: {
            show: true,

        },
        animationDuration: 1000,
        animationEasingUpdate: 'quinticInOut',
        series: [{
            name: '女子职中开设专业',
            type: 'graph',
            layout: 'force',

            force: {
                repulsion: 150,
                gravity: 0.1,
                edgeLength: 30,
                layoutAnimation: true,
            },
            data: [{
                "name": "女子职中开设专业",
                // "x": 0,
                // y: 0,
                "symbolSize": 50,
                "draggable": "true",
                "value": 15,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#FF9F7F'
                        }, {
                            offset: 1,
                            color: '#FB7293'
                        }]),
                    }
                },

            }, {
                "name": "学前教育",
                "value": 10,
                "symbolSize": 40,
                "category": "学前教育",
                "draggable": "true",
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#157eff'
                        }, {
                            offset: 1,
                            color: '#35c2ff'
                        }]),
                    }
                },
            }, {
                "name": "幼儿园教育教学",
                "symbolSize": 30,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#157eff'
                        }, {
                            offset: 1,
                            color: '#35c2ff'
                        }]),
                    }
                },
            }, {
                "name": "主班教师",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "副班教师",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "配班教师",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "后勤教师",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "园医",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "班车司机",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "食堂人员",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "清洁员",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "生活教师",
                "symbolSize": 20,
                "category": "幼儿园教育教学",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "幼儿园管理",
                "symbolSize": 30,
                "category": "幼儿园管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#157eff'
                        }, {
                            offset: 1,
                            color: '#35c2ff'
                        }]),
                    }
                },
            }, {
                "name": "后勤主任",
                "symbolSize": 20,
                "category": "幼儿园管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "行政园长",
                "symbolSize": 20,
                "category": "幼儿园管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "教学园长",
                "symbolSize": 20,
                "category": "幼儿园管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "学前教育培训",
                "symbolSize": 30,
                "category": "学前教育培训",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#157eff'
                        }, {
                            offset: 1,
                            color: '#35c2ff'
                        }]),
                    }
                },
            }, {
                "name": "常规课程干事",
                "symbolSize": 20,
                "category": "学前教育培训",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "英语教学干事",
                "symbolSize": 20,
                "category": "学前教育培训",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#6717CE'
                        }, {
                            offset: 1,
                            color: '#2C6BF8'
                        }]),
                    }
                },
            }, {
                "name": "护理美容",
                "value": 60,
                "symbolSize": 40,
                "category": "护理美容",
                "draggable": "true",
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#01acca'
                        }, {
                            offset: 1,
                            color: '#5adbe7'
                        }]),
                    }
                },
            }, {
                "name": "护理师",
                "symbolSize": 20,
                "category": "护理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#0e8844'
                        }, {
                            offset: 1,
                            color: '#32dac3'
                        }]),
                    }
                },
            }, {
                "name": "护理",
                "symbolSize": 30,
                "category": "护理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#01acca'
                        }, {
                            offset: 1,
                            color: '#5adbe7'
                        }]),
                    }
                },
            }, {
                "name": "美发与形象设计",
                "symbolSize": 30,
                "category": "美发与形象设计",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#01acca'
                        }, {
                            offset: 1,
                            color: '#5adbe7'
                        }]),
                    }
                },
            }, {
                "name": "形象设计师",
                "symbolSize": 20,
                "category": "美发与形象设计",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#0e8844'
                        }, {
                            offset: 1,
                            color: '#32dac3'
                        }]),
                    }
                },
            }, {
                "name": "美发师",
                "symbolSize": 20,
                "category": "美发与形象设计",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#0e8844'
                        }, {
                            offset: 1,
                            color: '#32dac3'
                        }]),
                    }
                },
            }, {
                "name": "美容师",
                "symbolSize": 20,
                "category": "美容美体",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#0e8844'
                        }, {
                            offset: 1,
                            color: '#32dac3'
                        }]),
                    }
                },
            }, {
                "name": "美容美体",
                "symbolSize": 30,
                "category": "美容美体",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#01acca'
                        }, {
                            offset: 1,
                            color: '#5adbe7'
                        }]),
                    }
                },
            }, {
                "name": "珠宝鉴定师",
                "symbolSize": 20,
                "category": "珠宝鉴定",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#0e8844'
                        }, {
                            offset: 1,
                            color: '#32dac3'
                        }]),
                    }
                },
            }, {
                "name": "珠宝鉴定",
                "symbolSize": 30,
                "category": "珠宝鉴定",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#01acca'
                        }, {
                            offset: 1,
                            color: '#5adbe7'
                        }]),
                    }
                },
            }, {
                "name": "销售员",
                "symbolSize": 20,
                "category": "销售",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#0e8844'
                        }, {
                            offset: 1,
                            color: '#32dac3'
                        }]),
                    }
                },
            }, {
                "name": "销售",
                "symbolSize": 30,
                "category": "销售",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#01acca'
                        }, {
                            offset: 1,
                            color: '#5adbe7'
                        }]),
                    }
                },
            }, {
                "name": "旅游商贸",
                "value": 30,
                "symbolSize": 40,
                "category": "旅游商贸",
                "draggable": "true",
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "高星级饭店运营管理类职位",
                "symbolSize": 20,
                "category": "高星级饭店运营与管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "高星级饭店运营与管理",
                "symbolSize": 30,
                "category": "高星级饭店运营与管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "航空服务员",
                "symbolSize": 20,
                "category": "航空服务",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "航空服务",
                "symbolSize": 30,
                "category": "航空服务",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "旅游外语老师",
                "symbolSize": 20,
                "category": "旅游外语",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "旅游外语",
                "symbolSize": 30,
                "category": "旅游外语",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "导游",
                "symbolSize": 20,
                "category": "旅游服务与管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "旅游服务与管理",
                "symbolSize": 30,
                "category": "旅游服务与管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "财务员",
                "symbolSize": 20,
                "category": "会计",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "会计",
                "symbolSize": 30,
                "category": "会计",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "网络营销师",
                "symbolSize": 20,
                "category": "电子商务",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "电子商务",
                "symbolSize": 30,
                "category": "电子商务",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "快递员",
                "symbolSize": 20,
                "category": "物流服务与管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "物流服务与管理",
                "symbolSize": 30,
                "category": "物流服务与管理",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }, {
                "name": "摄影师",
                "symbolSize": 20,
                "category": "数字影像技术",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#efac0f'
                        }, {
                            offset: 1,
                            color: '#ef430f'
                        }]),
                    }
                },
            }, {
                "name": "数字影像技术",
                "symbolSize": 30,
                "category": "数字影像技术",
                "draggable": "true",
                "value": 1,
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#ffb402'
                        }, {
                            offset: 1,
                            color: '#ffdc84'
                        }]),
                    }
                },
            }],
            links: [{
                "source": "女子职中开设专业",
                "target": "学前教育"
            }, {
                "source": "学前教育培训",
                "target": "英语教学干事"
            }, {
                "source": "学前教育培训",
                "target": "常规课程干事"
            }, {
                "source": "学前教育",
                "target": "学前教育培训"
            }, {
                "source": "幼儿园管理",
                "target": "行政园长"
            }, {
                "source": "幼儿园管理",
                "target": "教学园长"
            }, {
                "source": "幼儿园管理",
                "target": "后勤主任"
            }, {
                "source": "学前教育",
                "target": "幼儿园管理"
            }, {
                "source": "幼儿园教育教学",
                "target": "后勤教师"
            }, {
                "source": "幼儿园教育教学",
                "target": "园医"
            }, {
                "source": "幼儿园教育教学",
                "target": "班车司机"
            }, {
                "source": "幼儿园教育教学",
                "target": "主班教师"
            }, {
                "source": "幼儿园教育教学",
                "target": "副班教师"
            }, {
                "source": "幼儿园教育教学",
                "target": "配班教师"
            }, {
                "source": "幼儿园教育教学",
                "target": "生活教师"
            }, {
                "source": "幼儿园教育教学",
                "target": "食堂人员"
            }, {
                "source": "幼儿园教育教学",
                "target": "清洁员"
            }, {
                "source": "学前教育",
                "target": "幼儿园教育教学"
            }, {
                "source": "女子职中开设专业",
                "target": "护理美容"

            }, {
                "source": "护理师",
                "target": "护理"
            }, {
                "source": "护理美容",
                "target": "护理"
            }, {
                "source": "形象设计师",
                "target": "美发与形象设计"
            }, {
                "source": "护理美容",
                "target": "美发与形象设计"
            }, {
                "source": "美发师",
                "target": "美发与形象设计"
            }, {
                "source": "美容师",
                "target": "美容美体"
            }, {
                "source": "护理美容",
                "target": "美容美体"
            }, {
                "source": "珠宝鉴定师",
                "target": "珠宝鉴定"
            }, {
                "source": "护理美容",
                "target": "珠宝鉴定"
            }, {
                "source": "销售",
                "target": "销售员"
            }, {
                "source": "护理美容",
                "target": "销售"
            }, {
                "source": "女子职中开设专业",
                "target": "旅游商贸"
            }, {
                "source": "高星级饭店运营与管理",
                "target": "高星级饭店运营管理类职位"
            }, {
                "source": "旅游商贸",
                "target": "高星级饭店运营与管理"
            }, {
                "source": "航空服务",
                "target": "航空服务员"
            }, {
                "source": "旅游商贸",
                "target": "航空服务"
            }, {
                "source": "旅游外语老师",
                "target": "旅游外语"
            }, {
                "source": "旅游商贸",
                "target": "旅游外语"
            }, {
                "source": "导游",
                "target": "旅游服务与管理"
            }, {
                "source": "旅游商贸",
                "target": "旅游服务与管理"
            }, {
                "source": "财务员",
                "target": "会计"
            }, {
                "source": "旅游商贸",
                "target": "会计"
            }, {
                "source": "电子商务",
                "target": "网络营销师"
            }, {
                "source": "旅游商贸",
                "target": "电子商务"
            }, {
                "source": "物流服务与管理",
                "target": "快递员"
            }, {
                "source": "旅游商贸",
                "target": "物流服务与管理"
            }, {
                "source": "数字影像技术",
                "target": "摄影师"
            }, {
                "source": "旅游商贸",
                "target": "数字影像技术"
            }],
            categories: [{
                'name': '女子职中开设专业'
            }, {
                'name': '护理美容'
            }, {
                'name': '护理'
            }, {
                'name': '美发与形象设计'
            }, {
                'name': '美容美体'
            }, {
                'name': '珠宝鉴定'
            }, {
                'name': '销售'
            }, {
                'name': '高星级饭店运营与管理'
            }, {
                'name': '航空服务'
            }, {
                'name': '会计'
            }, {
                'name': '旅游服务与管理'
            }, {
                'name': '数字影像技术'
            }, {
                'name': '物流服务与管理'
            }, {
                'name': '电子商务'
            }, {
                'name': '幼儿园管理'
            }, {
                'name': '幼儿园教育教学'
            }, {
                'name': '幼儿园管理'
            }, {
                'name': '学前教育培训'
            }, {
                'name': '学前教育' //子级的上一负级名称必须要加在categories里面。
            }, {
                'name': '旅游商贸'
            }, {


            }],
            focusNodeAdjacency: true,
            roam: true,
            label: {
                normal: {
                    textStyle: {
                        color: '#fff',
                    },
                    fontSize: 12,
                    show: true,
                    position: 'top',

                }
            },
            lineStyle: {
                normal: {
                    color: 'source',
                    curveness: 0,
                    type: "solid"
                }
            }
        }]
    };

    var option3 = {
        grid: { //统计图距离边缘的距离
            top: '2%',
            left: '3%',
            right: '5%',
            bottom: '20%'
        },
        legend: {
            x: 'center',
            bottom: '0%',
            itemGap: 20,
            data: ['会计事务所', '律师事务所', '教育', '房地产', '互联网/电子商务', '护理'],
            itemWidth: 18,
            itemHeight: 10,
            textStyle: {
                color: '#fff',
            }
        },
        series: [{
            name: '完成率',
            type: 'pie',
            radius: [40, 80],
            data: [{
                    value: 125,
                    name: '会计事务所',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#67aeff' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#3e86ec' // 100% 处的颜色
                                }]
                            },

                        }
                    }
                }, {
                    value: 115,
                    name: '律师事务所',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#399be4' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#78d8ff' // 100% 处的颜色
                                }]
                            },
                        }
                    }
                }, {
                    value: 95,
                    name: '教育',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#33c6ac' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#50fed9' // 100% 处的颜色
                                }]
                            },
                        }
                    }
                }, {
                    value: 75,
                    name: '房地产',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#157fef' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#2f8ae5' // 100% 处的颜色
                                }]
                            },
                        }
                    }
                }, {
                    value: 55,
                    name: '互联网/电子商务',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#22539f' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#1d4e9a' // 100% 处的颜色
                                }]
                            },
                        }
                    }
                }, {
                    value: 20,
                    name: '护理',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#448df6' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#3d75e2' // 100% 处的颜色
                                }]
                            },
                        }
                    }
                }

            ],
            roseType: 'angle',
            color: ['#000', '#4372da'],
            center: ['50%', '45%'],
            label: {
                normal: {
                    textStyle: {
                        color: 'rgba(255, 255,255, 0.6)',
                    },

                    formatter: function(param) {
                        console.log(param);
                        return param.name + ':\n' + param.value + '%';
                    }
                }
            },
            labelLine: {
                normal: {
                    lineStyle: {
                        color: '#ddd'
                    }
                }
            },
            itemStyle: {
                normal: {
                    shadowBlur: 200,
                    shadowColor: 'rgba(0, 0, 0, 0)'
                }
            }
        }]
    };

    var option4 = {
        title: {
            text: '最爱学的前10名学生',
            x: 'left',
            top: "0",
            textStyle: {
                color: '#fff',
                fontSize: 14
            }
        },
        grid: {
            left: '2%',
            top: '6%',
            bottom: '1%',
        },
        tooltip: { //可以配合下方的tooltip出来单个悬浮信息.
            trigger: 'item',
            textStyle: {
                fontSize: 12,
            },
        },
        xAxis: {
            type: 'value',
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            }
        },
        yAxis: {
            type: 'category',
            data: [
                '10热爱学习的学生',
                '9热爱学习的学生',
                '8热爱学习的学生',
                '7热爱学习的学生',
                '6热爱学习的学生',
                '5热爱学习的学生',
                '4热爱学习的学生',
                '3热爱学习的学生',
                '2热爱学习的学生',
                '1热爱学习的学生',
            ],
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            }
        },
        series: [{
            type: 'bar',
            // data: [ 0,0,0, 0, 0, 0, 0, 210, 1150, 1310,1360, 1440, 1530, 1550, 3480,3850, 4000, 4000, 4000, 4690,23590],
            data: [249, 260, 280, 289, 300, 350, 360, 370, 380, 400],
            barWidth: 10,
            z: 10,
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
                        offset: 0,
                        color: '#57eabf' // 0% 处的颜色
                    }, {
                        offset: 1,
                        color: '#2563f9' // 100% 处的颜色
                    }], false),
                    barBorderRadius: 14
                }
            },
            label: {
                show: true,
                fontSize: 20,
                distance: 10,
                position: [0, "-100%"],
                offset: [0, -50],
                normal: {
                    show: true,
                    position: 'right',
                    color: '#fff',
                    //TODO 
                }
            },
        }, {
            // current data
            type: 'bar',
            symbol: 'rect',
            symbolRepeat: 'fixed',
            symbolMargin: '70%',
            symbolClip: true,
            symbolSize: [10, 70],
            symbolBoundingData: 1000,

            label: {
                normal: {
                    show: true,
                    position: 'right',
                    offset: [-10, 70],
                    textStyle: {
                        color: 'darkorange',
                        fontSize: 18
                    }
                }
            },
            data: [{
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, ],
            z: 99999999,

        }, {
            type: 'bar',
            // data: [4000, 10000, 10000, 2000, 6000,5000, 5000, 5000,5000, 5000,5000, 5000, 3480, 5000, 4000,4000, 4000, 4810, 37000],
            data: [400, 400, 400, 400, 400, 400, 400, 400, 400, 400],
            barWidth: 10,
            tooltip: {
                show: false
            },
            barGap: '-100%',
            label: {
                normal: {
                    show: false,
                }
            },
            itemStyle: {
                normal: {
                    color: 'rgba(0,0,0, 0.3)',
                    barBorderRadius: 10
                }
            }
        }]
    };

    var option5 = {
        title: {
            text: '前10名最热门课程',
            x: 'left',
            top: "0",
            textStyle: {
                color: '#fff',
                fontSize: 14
            }
        },
        grid: {
            left: '2%',
            top: '6%',
            bottom: '1%',
        },
        tooltip: { //可以配合下方的tooltip出来单个悬浮信息.
            trigger: 'item',
            textStyle: {
                fontSize: 12,
            },
        },
        xAxis: {
            type: 'value',
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            }
        },
        yAxis: {
            type: 'category',
            data: [
                '10热门课程1',
                '9热门课程1',
                '8热门课程1',
                '7热门课程1',
                '6热门课程1',
                '5热门课程1',
                '4热门课程1',
                '3热门课程1',
                '2热门课程1',
                '1热门课程1',
            ],
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            }
        },
        series: [{
            type: 'bar',
            // data: [ 0,0,0, 0, 0, 0, 0, 210, 1150, 1310,1360, 1440, 1530, 1550, 3480,3850, 4000, 4000, 4000, 4690,23590],
            data: [249, 260, 280, 289, 300, 350, 360, 370, 380, 400],
            barWidth: 10,
            z: 10,
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 1, 0, [{
                            offset: 0,
                            color: '#f05f1c' /*#0085FA*/
                        }, {
                            offset: 0.7,
                            color: '#e9ea07' /*#00BBFD*/
                        }]),
                    barBorderRadius: 15
                }
            },
            label: {
                show: true,
                fontSize: 20,
                distance: 10,
                position: [0, "-100%"],
                offset: [0, -50],
                normal: {
                    show: true,
                    position: 'right',
                    color: '#fff',
                    //TODO 
                }
            },
        }, {
            // current data
            type: 'bar',
            symbol: 'rect',
            symbolRepeat: 'fixed',
            symbolMargin: '70%',
            symbolClip: true,
            symbolSize: [10, 70],
            symbolBoundingData: 1000,

            label: {
                normal: {
                    show: true,
                    position: 'right',
                    offset: [-10, 70],
                    textStyle: {
                        color: 'darkorange',
                        fontSize: 18
                    }
                }
            },
            data: [{
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, ],
            z: 99999999,

        }, {
            type: 'bar',
            // data: [4000, 10000, 10000, 2000, 6000,5000, 5000, 5000,5000, 5000,5000, 5000, 3480, 5000, 4000,4000, 4000, 4810, 37000],
            data: [400, 400, 400, 400, 400, 400, 400, 400, 400, 400],
            barWidth: 10,
            tooltip: {
                show: false
            },
            barGap: '-100%',
            label: {
                normal: {
                    show: false,
                }
            },
            itemStyle: {
                normal: {
                    color: 'rgba(0,0,0, 0.3)',
                    barBorderRadius: 10
                }
            }
        }]
    };

    var option6 = {
        grid: {
            left: '8%',
            right: '14%',
            top: '0%',
            bottom: '0%',
        },
        tooltip: { //可以配合下方的tooltip出来单个悬浮信息.
            trigger: 'item',
            textStyle: {
                fontSize: 12,
            },
        },
        legend: {
            right: '15',
            top: '5',
            textStyle: {
                color: '#fff',
                fontSize: 12,
            },
            itemWidth: 16,
            itemHeight: 10,
            itemGap: 12,

            data: ['男', '女']

        },
        xAxis: {
            type: 'value',
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            }
        },
        yAxis: {
            type: 'category',
            data: [
                '个人发展空间小，找不到发展方向',
                '经济压力太大',
                '工作压力、强度太大',
                '现在掌握的知识、能力不能满足工作需求',
                '对所做工做缺乏兴趣',
                '职场人际关系方面存在问题',
                '个人情感问题',
                '不适应公司管理制度和文化',
                '存在其他问题',
                '没有遇到问题',
                '身体健康问题',
            ],
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            }
        },
        series: [{
            name: '男',
            type: 'bar',
            // data: [ 0,0,0, 0, 0, 0, 0, 210, 1150, 1310,1360, 1440, 1530, 1550, 3480,3850, 4000, 4000, 4000, 4690,23590],
            data: [249, 260, 280, 289, 300, 350, 360, 370, 380, 400],
            barWidth: 10,
            z: 10,
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
                        offset: 0,
                        color: 'rgba(0,244,255,1)' // 0% 处的颜色
                    }, {
                        offset: 1,
                        color: 'rgba(0,77,167,1)' // 100% 处的颜色
                    }], false),
                    barBorderRadius: 11,
                }
            },
            label: {
                show: true,
                fontSize: 20,
                distance: 10,
                position: [0, "-100%"],
                offset: [0, -50],
                normal: {
                    show: true,
                    position: 'right',
                    color: '#fff',
                    //TODO 
                }
            },
        }, {
            name: '女',
            type: 'bar',
            symbol: 'rect',
            symbolRepeat: 'fixed',
            symbolMargin: '70%',
            symbolClip: true,
            symbolSize: [10, 70],
            symbolBoundingData: 1000,

            label: {
                normal: {
                    show: true,
                    position: 'right',
                    offset: [-10, 70],
                    textStyle: {
                        color: 'darkorange',
                        fontSize: 18
                    }
                }
            },
            data: [{
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, ],
            z: 99999999,

        }, {
            type: 'bar',
            // data: [4000, 10000, 10000, 2000, 6000,5000, 5000, 5000,5000, 5000,5000, 5000, 3480, 5000, 4000,4000, 4000, 4810, 37000],
            data: [400, 400, 400, 400, 400, 400, 400, 400, 400, 400],
            barWidth: 10,
            tooltip: {
                show: false
            },
            barGap: '-30%',
            label: {
                normal: {
                    show: true,
                    position: 'right',
                }
            },
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
                        offset: 0,
                        color: 'rgba(249,55,85,1)' // 0% 处的颜色
                    }, {
                        offset: 1,
                        color: 'rgba(242,1,39,1)' // 100% 处的颜色
                    }], false),
                    barBorderRadius: 11,
                }
            },
        }]
    };

    var option7 = {
        grid: { //统计图距离边缘的距离
            top: '2%',
            left: '3%',
            right: '5%',
            bottom: '20%'
        },
        legend: {
            x: 'center',
            bottom: '0%',
            itemGap: 20,
            data: ['就业', '创业'],
            itemWidth: 18,
            itemHeight: 10,
            textStyle: {
                color: '#fff',

            }
        },
        series: [{
            name: '完成率',
            type: 'pie',
            radius: [40, 80],
            data: [{
                    value: 70,
                    name: '就业',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#57eabf' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#2563f9' // 100% 处的颜色
                                }]
                            },

                        }
                    }
                },

                {
                    value: 30,
                    name: '创业',
                    itemStyle: {
                        normal: {
                            color: {
                                colorStops: [{
                                    offset: 0,
                                    color: '#f05f1c' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#e9ea07' // 100% 处的颜色
                                }]
                            },

                        }
                    }

                }

            ],
            roseType: 'angle',
            color: ['#000', '#4372da'],
            center: ['50%', '45%'],
            label: {
                normal: {
                    textStyle: {
                        color: 'rgba(255, 255,255, 0.6)',
                    },

                    formatter: function(param) {
                        console.log(param);
                        return param.name + ':\n' + param.value + '%';
                    }
                }
            },
            labelLine: {
                normal: {
                    lineStyle: {
                        color: '#ddd'
                    }
                }
            },
            itemStyle: {
                normal: {
                    shadowBlur: 200,
                    shadowColor: 'rgba(0, 0, 0, 0)'
                }
            }
        }]
    };



    var colorArr = ["#218de0", "#01cbb3", "#85e647", "#5d5cda", "#05c5b0", "#c29927"];
    var colorAlpha = ['rgba(60,170,211,0.1)', 'rgba(1,203,179,0.1)', 'rgba(133,230,71,0.1)', 'rgba(93,92,218,0.1)', 'rgba(5,197,176,0.1)', 'rgba(194,153,39,0.1)']
    var option8 = {
        title: {
            text: '',
            subtext: '',
            left: 'center',
            textStyle: {
                color: '#fff',
                fontSize: 18
            }
        },
        grid: {
            top: '20%',
            left: '1%',
            right: '1%',
            bottom: '20%',
            containLabel: true,
        },
        legend: {
            show: true,
            top: '60%',
            left: '0',
            textStyle: {
                color: '#fff'
            }
        },
        graphic: { // 图形中间文字
            type: 'text',
            left: 'center',
            top: '38%',
            style: {
                text: '总计\n1942\n人',
                textAlign: 'center',
                fill: '#FFE033',
                fontSize: 16
            }
        },
        series: [{
            name: '三级指标',

            type: 'pie',
            center: ['50%', '44%'],
            radius: ['58%', '74%'],
            itemStyle: {
                normal: {
                    // 设置扇形的阴影
                    shadowBlur: 10,
                    shadowColor: '#666'
                }
            },
            labelLine: {
                normal: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.3)"
                    },
                    length: 10,
                    length2: 15
                }
            },
            label: {
                normal: {
                    position: 'outer',
                    textStyle: {
                        color: "rgba(255, 255, 255)"
                    }
                }
            },

            data: [{
                value: 1,
                name: ' 外向',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[3],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[3],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[3]
                    },
                }

            }, {
                value: 1,
                name: '感觉',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[4],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[4],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[4]
                    },
                }
            }, {
                value: 5,
                name: '情感',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[5],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[5],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[5]
                    },
                }
            }, {
                value: 3,
                name: '判断',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[0],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: "#41a8f8",
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[0]
                    },
                }

            }]
        }, {
            name: '二级指标',
            type: 'pie',
            radius: ['34%', '50%'],
            center: ['50%', '44%'],
            label: {
                normal: {
                    position: 'inner'
                }
            },
            itemStyle: {
                normal: {
                    // 设置扇形的阴影
                    shadowBlur: 10,
                    shadowColor: '#666'

                }
            },
            data: [{
                value: 1,
                name: ' 成就·实现型',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[2],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[2],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[2]
                    },
                }
            }, {
                value: 2,
                name: '自主·独立型',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[3],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[3],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[3]
                    },
                }
            }, {
                value: 5,
                name: '报酬·财富型',

                itemStyle: {
                    normal: {
                        borderColor: colorArr[4],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[4],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[4]
                    },
                },
            }]
        }, {
            name: '一级指标',
            type: 'pie',
            radius: ['14%', '24%'],
            center: ['50%', '44%'],
            label: {
                normal: {
                    position: 'inner'
                }
            },
            itemStyle: {
                normal: {
                    // 设置扇形的阴影
                    shadowBlur: 10,
                    shadowColor: '#666'

                }
            },
            data: [{
                value: 2,
                name: '企业型',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[0],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: "#41a8f8",
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[0]
                    },
                }
            }, {
                value: 3,
                name: '艺术型',
                itemStyle: {
                    normal: {
                        borderColor: colorArr[5],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[5],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[5]
                    },
                }
            }]
        }]
    }

    var option9 = {
        // backgroundColor: "#05224d",
        tooltip: {},
        grid: {
            top: '8%',
            left: '4%',
            right: '4%',
            bottom: '4%',
            containLabel: true,
        },
        // legend: {
        //     itemGap: 50,
        //     data: ['社团人数'],
        //     textStyle: {
        //         color: '#f9f9f9',
        //         borderColor: '#fff'
        //     },
        // },
        xAxis: [{
            type: 'category',
            boundaryGap: true,
            axisLine: { //坐标轴轴线相关设置。数学上的x轴
                show: true,
                lineStyle: {
                    color: '#0a3256',
                    fontSize: 12,
                },
            },
            axisLabel: { //坐标轴刻度标签的相关设置
                textStyle: {
                    color: '#d1e6eb',
                    margin: 15,
                    fontSize: 12,
                },
            },
            axisTick: {
                show: false,
            },
            data: ['舞蹈社', '书画社', '篮球社', '乒乓球社', '动漫社', '歌咏社'],
        }],
        yAxis: [{
            type: 'value',
            min: 0,
            // max: 140,
            splitNumber: 7,
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#0a3256'
                }
            },
            axisLine: {
                show: false,
            },
            axisLabel: {
                margin: 20,
                textStyle: {
                    color: '#d1e6eb',

                },
            },
            axisTick: {
                show: false,
            },
        }],
        series: [{

            //   name: '社团人数',
            type: 'bar',
            barWidth: 16,
            tooltip: {
                show: false
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#fff',
                    },
                }
            },
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: '#41E1D4' // 0% 处的颜色
                    }, {
                        offset: 1,
                        color: '#10A7DB' // 100% 处的颜色
                    }], false),
                    barBorderRadius: [30, 30, 0, 0],
                    shadowBlur: 4,
                }
            },
            data: [120, 200, 260, 300, 340, 400]
        }]
    };

    var option10 = {

        grid: {
            left: '4%',
            right: '14%',
            top: '6%',
            bottom: '1%',
        },
        tooltip: { //可以配合下方的tooltip出来单个悬浮信息.
            trigger: 'item',
            textStyle: {
                fontSize: 12,
            },
        },
        xAxis: {
            type: 'value',
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            }
        },
        yAxis: {
            type: 'category',
            data: [
                '5书画大赛',
                '4歌咏比赛',
                '3乒乓球决赛',
                '2足球联赛',
                '1篮球决赛',
            ],
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            }
        },
        series: [{
            type: 'bar',
            data: [249, 300, 360, 380, 400],
            barWidth: 10,
            z: 10,
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 1, 0, [{
                            offset: 0,
                            color: '#f05f1c' /*#0085FA*/
                        }, {
                            offset: 0.7,
                            color: '#e9ea07' /*#00BBFD*/
                        }]),
                    barBorderRadius: 15
                }
            },
            label: {
                show: true,
                fontSize: 20,
                distance: 10,
                position: [0, "-100%"],
                offset: [0, -50],
                normal: {
                    show: true,
                    position: 'right',
                    color: '#fff',
                    //TODO 
                }
            },
        }, {
            // current data
            type: 'bar',
            symbol: 'rect',
            symbolRepeat: 'fixed',
            symbolMargin: '70%',
            symbolClip: true,
            symbolSize: [10, 70],
            symbolBoundingData: 1000,

            label: {
                normal: {
                    show: true,
                    position: 'right',
                    offset: [-10, 70],
                    textStyle: {
                        color: 'darkorange',
                        fontSize: 18
                    }
                }
            },
            data: [{
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, {
                "value": 0,
                label: {
                    normal: {
                        show: true,
                        position: [-10, -20],
                        formatter: '{b}',
                        offset: [10, 0],
                        textStyle: {
                            color: '#aaa',
                            fontSize: 12
                        }
                    }
                }
            }, ],
            z: 99999999,

        }, {
            type: 'bar',
            data: [400, 400, 400, 400, 400],
            barWidth: 10,
            tooltip: {
                show: false
            },
            barGap: '-100%',
            label: {
                normal: {
                    show: false,
                }
            },
            itemStyle: {
                normal: {
                    color: 'rgba(0,0,0, 0.3)',
                    barBorderRadius: 10
                }
            }
        }]
    };

    myGuanxiTu.setOption(option2);
    // window.addEventListener("resize", function() {
    //     myGuanxiTu.resize();
    // });
    myBinTu.setOption(option3);
    mypaiming1.setOption(option4);
    mypaiming2.setOption(option5);
    mypaiming3.setOption(option6);
    myZuzhuangTu1.setOption(option7);
    myZuzhuangTu2.setOption(option8);
    myZuzhuangTu3.setOption(option9);
    myZuzhuangTu4.setOption(option10);
</script>

</html>